<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': !showTabs}">

  <!-- Dashboard Tab -->
  <ion-tab title="公告" icon-off="ion-ios-list-outline" icon-on="ion-ios-list" ui-sref="tab.notifications">
    <ion-nav-view name="tab-notifications"></ion-nav-view>
  </ion-tab>

  <!-- Chats Tab -->
  <ion-tab title="请假" icon-off="ion-ios-alarm-outline" icon-on="ion-ios-alarm" ui-sref="tab.vacations.list">
    <ion-nav-view name="tab-vacations"></ion-nav-view>
  </ion-tab>

  <ion-tab title="审批" icon-off="ion-ios-compose-outline" icon-on="ion-ios-compose" ui-sref="tab.judge.list" hidden="{{!root.canJudge()}}">
    <ion-nav-view name="tab-judge"></ion-nav-view>
  </ion-tab>

  <!-- Account Tab -->
  <ion-tab title="我" icon-off="ion-ios-person-outline" icon-on="ion-ios-person" ui-sref="tab.mine.dash">
    <ion-nav-view name="tab-mine"></ion-nav-view>
  </ion-tab>


</ion-tabs>
